﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Shamcey - Metro Style Admin Template</title>
<link rel="stylesheet" href="@Url.Content("css/style.default.css")" tppabs="http://demo.themepixels.com/webpage/shamcey/css/style.default.css" type="text/css" />

<link rel="stylesheet" href="@Url.Content("css/responsive-tables.css")" tppabs="http://demo.themepixels.com/webpage/shamcey/css/responsive-tables.css">
<script type="text/javascript" src="@Url.Content("js/jquery-1.9.1.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/jquery-ui-1.10.3.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/jquery-ui-1.10.3.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/modernizr.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/modernizr.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/bootstrap.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/bootstrap.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/jquery.cookie.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/jquery.cookie.js"></script>
<script type="text/javascript" src="@Url.Content("js/jquery.uniform.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/flot/jquery.flot.resize.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/flot/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="@Url.Content("js/responsive-tables.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/responsive-tables.js"></script>
<script type="text/javascript" src="@Url.Content("js/jquery.slimscroll.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/jquery.slimscroll.js"></script>
<script type="text/javascript" src="@Url.Content("js/custom.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/custom.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="@Url.Content("js/excanvas.min.js")" tppabs="http://demo.themepixels.com/webpage/shamcey/js/excanvas.min.js"></script><![endif]-->
</head>

<body>

<div id="mainwrapper" class="mainwrapper">
 @Html.Action("_Header", "HomeManagement")
 @Html.Action("_LeftMenu", "HomeManagement")
 <div class="rightpanel"> @RenderBody()</div>
</div>
<!--mainwrapper-->
<script type="text/javascript">
    jQuery(document).ready(function () {

        // simple chart
        var flash = [[0, 11], [1, 9], [2, 12], [3, 8], [4, 7], [5, 3], [6, 1]];
        var html5 = [[0, 5], [1, 4], [2, 4], [3, 1], [4, 9], [5, 10], [6, 13]];
        var css3 = [[0, 6], [1, 1], [2, 9], [3, 12], [4, 10], [5, 12], [6, 11]];

        function showTooltip(x, y, contents) {
            jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css({
                position: 'absolute',
                display: 'none',
                top: y + 5,
                left: x + 5
            }).appendTo("body").fadeIn(200);
        }


        var plot = jQuery.plot(jQuery("#chartplace"),
			   [{ data: flash, label: "Flash(x)", color: "#6fad04" },
              { data: html5, label: "HTML5(x)", color: "#06c" },
              { data: css3, label: "CSS3", color: "#666"}], {
                  series: {
                      lines: { show: true, fill: true, fillColor: { colors: [{ opacity: 0.05 }, { opacity: 0.15}]} },
                      points: { show: true }
                  },
                  legend: { position: 'nw' },
                  grid: { hoverable: true, clickable: true, borderColor: '#666', borderWidth: 2, labelMargin: 10 },
                  yaxis: { min: 0, max: 15 }
              });

        var previousPoint = null;
        jQuery("#chartplace").bind("plothover", function (event, pos, item) {
            jQuery("#x").text(pos.x.toFixed(2));
            jQuery("#y").text(pos.y.toFixed(2));

            if (item) {
                if (previousPoint != item.dataIndex) {
                    previousPoint = item.dataIndex;

                    jQuery("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
					y = item.datapoint[1].toFixed(2);

                    showTooltip(item.pageX, item.pageY,
									item.series.label + " of " + x + " = " + y);
                }

            } else {
                jQuery("#tooltip").remove();
                previousPoint = null;
            }

        });

        jQuery("#chartplace").bind("plotclick", function (event, pos, item) {
            if (item) {
                jQuery("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
                plot.highlight(item.series, item.datapoint);
            }
        });


        //datepicker
        jQuery('#datepicker').datepicker();

        // tabbed widget
        jQuery('.tabbedwidget').tabs();



    });
</script>
</body>
</html>
